[v-cloak]{
  display: none;
}
.tabs{
  font-size: 14px;
  color: #657180;
}
.tabs-bar::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #d7dde4;
  margin-top: -1px;
}
.tabs-tab{
  display: inline-block;
  padding: 1px 16px;
  margin-right: 6px;
  background: #fff;
  border: 1px solid #d7dde4;
  cursor: pointer; 
  position: relative; 
}
.tabs-tab-active{
  color: #39f;
  border-top: 1px solid #39f;
  border-bottom: 1px solid #fff;
}
.tabs-tab-active::before{
  content: '';
  display: block;
  height: 1px;
  background: #39f;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.tabs-content{
  padding: 8px 0;
}